#about {
	background: url('https://wdz-1258450135.cos.ap-shanghai.myqcloud.com/LOLShuangCheng/f044d8d34b2f5ad33b209c4792f368df.jpg') no-repeat;
	object-fit: cover;
	background-position: right top;
	background-size: 100% 100%;
		.info-card {
			margin-top: 0;
			.user-avatar-image {
				display: inline-block;
				width: 100px;
				height: 100px;

				img {
					width: 100px;
					height: 100px;
					border-radius: 50%;
				}
			}
		}
		.about-info{
			object-fit: cover;
			background-position: right top;
			opacity: 0.7;
		}
		padding-bottom: 20px;
		
		.in{
			margin-top: 20px;
			padding: 10px;
			img{
				cursor: pointer;
				transition: .5s;
				border-radius: 10px;
				&:hover{
					    transform: scale(1.1, 1.1);
					    filter: contrast(130%);
						transition: .5s;
				}
			}
			.el-carousel__button{
				width: 8px;
				height: 8px;
				border-radius: 50%;
			}
		}
		.bottom{
			font-size: 15px;
			padding: 10px;
		}
		.jsz{
			.desc{
				padding: 10px 20px;
				font-size: 14px;
				p{
					padding: 5px 0;
				}
			}
		}
	}
	@media screen and (max-width: 1024px) {
		#about {
			padding-top: 45px;
			padding-bottom: 5px;
	
			.site-content {
				padding: 5px;
	
				.about-site {
					margin-top: 0;
					padding: 10px;
					margin-bottom: 5px;
	
					.info-card {
						padding: 5px 15px;
						font-size: 13px;
						margin: 0;
					}
				}
	
				.about-me {
					margin: 0;
					padding: 10px;
	
					.info-card {
						padding: 0;
						font-size: 13px;
	
						.contactForm {
							padding: 5px 15px;
	
							.form-item label {
								width: 45px;
							}
						}
					}
				}
	
				.all-message {
					margin: 0;
					margin-top: 5px;
					font-size: 12px;
	
					.remarks {
						padding: 5px;
						font-size: 12px;
	
						.user-name {
							font-size: 12px;
						}
	
						span,
						div,
						p {
							font-size: 12px;
						}
					}
				}
	
				.about-me-info {
					margin-top: 5px;
					margin: 0;
				}
			}
		}
	}